import { FC } from "react";

interface ProgressBarProps {
  progress: number;
}

const ProgressBar: FC<ProgressBarProps> = ({ progress }) => (
  <div className="rpv-core__progress-bar">
    <div
      className="rpv-core__progress-bar-progress"
      style={{ width: `${progress}%` }}
    >
      {progress}%
    </div>
  </div>
);

export default ProgressBar;
